{extend name="public/common"}
{block name="body"}
<title>基本设置</title>
<style type="text/css">
	.ul_tab {
            height: 40px;
            background-color: #e5e5e5;
    		border-bottom: 1px solid #e4e7ed;
        }

        .ul_tab li {
            position: relative;
            float: left;
            width: 112px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            cursor: pointer;
            margin-left: -1px;
        }

        .ul_tab span {
            position: absolute;
		    right: 0;
		    top: 13px;
		    background: #636363;
		    width: 1px;
		    height: 14px;
		    overflow: hidden;
        }
        .ul_tab li.active {
            border-bottom: 1px solid #fff;
		    background-color: #636363;
		    border-right: 1px solid #ddd;
		    border-left: 1px solid #ddd;
		    color: white !important;
        }
        .products .main {
            display: none;
        }

        .products .main.selected {
            display: block;
        }
        .ul_tab li.active {
            border-bottom: 1px solid #fff;
		    background-color: #636363;
		    border-right: 1px solid #ddd;
		    border-left: 1px solid #ddd;
		    color: white !important;
        }
</style>
<body>
<nav class="breadcrumb">
    <i class="Hui-iconfont">&#xe67f;</i>
    
    统计中心
    <span class="c-gray en">&gt;</span>
    会员统计
    <a class="btn btn-success radius r"
       style="line-height: 1.6em; margin-top: 3px"
       href="javascript:location.replace(location.href);" title="刷新">
        <i class="Hui-iconfont">&#xe68f;</i>
    </a>
</nav>
<div style="padding:20px;height:30px;">
  	
  	<div class="new_box">
<div class="page-container">
    <div class="dataTables_wrapper" style="padding-bottom:0;">
        <div id="tab-system-total"  class="HuiTab">
            <div class="tabCon">
                <div class="mt-20" style='margin-top:-32px;'>
                	<div style="width: 102.5%;height: 50px;margin-top: 12px;margin-left: -20px;">
					  	<ul class="ul_tab">
					        <li class="tab-item active">注册统计<span>◆</span></li>
					       	<li class="tab-item">流失统计<span>◆</span></li>
					        <li class="tab-item">存取统计</li>
					  	</ul>
  					</div>
                	
                	
                	
          			
          	<div  class="products">

          		<div  class="main selected" style='width: 100%;'>
                	<iframe src="{:url('statistics/memberAnalysis')}" width="100%" height="350" style="border: none;"></iframe> 
               	</div>
               
               
               <div  class="main" style='width: 100%;'>
              	 <iframe src="{:url('statistics/memberto')}" width="100%" height="200" style="border: none;"></iframe> 
               </div>
               
				<div  class="main" style='width: 100%;'>
                  <iframe src="{:url('statistics/memberTj')}" width="100%" height="550" style="border: none;"></iframe> 
                </div>
                  
            </div>
            </div>
        </div>
    </div>
</div>

</div>
</div>

</div>
{/block}
{block name="js"}
<script type="text/javascript" src="__SYSMET__/common.js"></script>
<script type="text/javascript" src="__SYSMET__/lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript">
    $(function() {
        $("#tab-system-total").Huitab({
            index: 0
        });
    });
    function showDetails( url,lab,w,h){
        switch (lab){
            case 'zc':
                lab = "新增注册人员";
                break;
            case 'ck':
                lab = "新增存款人员";
                break;
            /* case 'dl':
                lab = "新增代理人员";
                break;
            case 'dlhy':
                lab = "新增代理会员";
                break; */
            case 'app':
                lab = " APP下载量";
                break;
            case 'sw':
                lab = "试玩账户";
                break;
            case 'hj':
                lab = "合计";
                break;
        }
        layer.open({
            type: 2,
            area: [w, h],
            fix: false, //不固定
            maxmin: true,
            shade:0.4,
            title: lab,
            content: url
        });
    }
    
    $(".tab-item").click(function () {
        $(this).addClass("active").siblings("li").removeClass("active");
        $(".main").eq($(this).index()).addClass("selected").siblings("div").removeClass("selected");
    });
</script>
{/block}
